{extend name="public:_base" /}
{block name="js"}
{include file="public/_validform"}
<script>
    $(function () {
        $("[name='pid']").find("[value='{$data.pid ?? ''}']").attr("selected", true);

        $('#pid').change(function(){
            var ss = $(this).children('option:selected').attr('id');
            $('#pids').attr('value', ss);
        });
    });
</script>

{/block}
{block name="main"}
<div class="page-container">

    <form action="{:url(\''.\\think\\Request::instance()->controller().'/save')}" method="post" class="form form-horizontal" id="form">
        
        <table class="table table-border table-bordered table-bg table-style">
            <thead>
                <tr>
                    <th colspan="2" scope="col">填写信息</th>
                </tr>
            </thead>
            
            <tbody>
                <tr>
                    <th>
                        导航级别：
                    </th>
                    <td>
                        <select name="pid" id="pid" class="select" style="border: solid 1px #ddd;padding: 4px 5px;">
                            <option value="0" id=",">新导航</option>
                            {volist name="getall" id="vo"}
                            <option value="{$vo.id}" id="{$vo.pids}">{$vo['level']}{$vo.name}</option>
                            {/volist}
                        </select>
                    </td>
                </tr>
                
                <tr>
                    <th>
                        <span class="c-red">*</span>导航名：
                    </th>
                    <td>
                        <input type="text" class="input-text" value="{$data.name ?? ''}" placeholder="" datatype="*1-16" name="name">
                    </td>
                </tr>

                <!--<tr>-->
                    <!--<th>-->
                        <!--<span class="c-red">*</span>英文名：-->
                    <!--</th>-->
                    <!--<td>-->
                        <!--<input type="text" class="input-text" value="{$data.Ename ?? ''}" placeholder="" datatype="*1-16" name="Ename">-->
                    <!--</td>-->
                <!--</tr>-->
                
                <tr>
                    <th>
                        <span class="c-red">*</span>连接地址：
                    </th>
                    <td>
                        <input id="link" type="url" class="input-text" value="{$data.link ?? ''}" datatype="url" placeholder="链接到外部网站需要加http头部：http://localhost/
" name="link">
                    </td>
                </tr>
                <tr>
                    <th>
                        本地连接说明：
                    </th>
                    <td>
                        <ul>
                            <li>流沙bbs：http://域名或服务器IP/index-bbs</li>
                            <li>用户中心：http://域名或服务器IP/user</li>
                            <li>领导信箱：http://域名或服务器IP/index-mailbox-index-type-1</li>
                            <li>心理咨询：http://域名或服务器IP/index-mailbox-index-type-2</li>
                            <li>法律咨询：http://域名或服务器IP/index-mailbox-index-type-3</li>
                            <li>福利待遇咨询：http://域名或服务器IP/index-mailbox-index-type-4</li>
                            <li>子页面1：http://域名或服务器IP/index-one</li>
                            <li>子页面2：http://域名或服务器IP/index-two</li>
                        </ul>
                    </td>
                </tr>
            </tbody>
            
            <tfoot>
                <tr>
                    <th></th>
                    <td>
                        <input name="id" value="{$data.id ?? ''}" type="hidden">
                        <input name="type" value="link" type="hidden">
                        <input id="pids" name="pids" value="{$data.pids ?? ','}" type="hidden">

                        {:token()}
                        <input class="btn radius btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                    </td>
                </tr>
            </tfoot>
        </table>
        
    </form>
    
</div>
{/block}
